#include("_layout.html")
#@layout()

### ********************************* 定义页面标题
#define title()
#if(page_seo_title)#(page_seo_title)#else#seo("seo_title")#end
#end

### ********************************* css导入
#define import_css()
#end

### ********************************* js导入
#define import_js()
#end

### ********************************* Body内容区开始
#define body()
	<!-- content -->
	<div class="content">
		<div class="title">
			<h5>欢迎您的到来</h5>
			<h3>好礼品我们造,用心做好产品</h3>
			<h4>We build good products and make good products.</h4>
		</div>
	#adPlaceList(code="uc_index")
		#for(adPlace : adPlaceList)
			#if(adPlace.style=="carousel")
		<div class="layui-carousel imgbox" id="test1">
			<div carousel-item class="imgH">
				#adList(placeId=adPlace.id)
					#for(ad : adList)
				<div>
					<img style="width: 100%" src="#(ad.img)">
				</div>
					#end
				#end
			</div>
		</div>
			#end
			#if(adPlace.style=="4_items")
		<div class="prod-show">
			<div class="layui-fluid">
				<div class="row layui-col-space12 layui-clear">
					#adList(placeId=adPlace.id)
						#for(ad : adList)
					<div class="layui-col-xs6 layui-col-sm6 layui-col-md3">
						<div class="img-txt">
							<img style="width: 100%;" src="#(ad.img)" alt="">
							<h3>#(ad.title)</h3>
						</div>
					</div>
						#end
					#end
				</div>
			</div>
		</div>
			#end
			#if(adPlace.style=="multi_row")
		<div class="prod-descr">
			<div class="layui-fluid">
				#adList(placeId=adPlace.id)
					#for(ad : adList)
				<div class="layui-row">
					<div class="item layui-clear">
						<div class="layui-col-xs12 layui-col-sm6 layui-col-md6">
							<img src="#(ad.img)" class="left-img">
						</div>
						<div class="layui-col-xs12 layui-col-sm6 layui-col-md6">
							<div class="text">
								<h3>#(ad.title)</h3>
								<p>#(ad.subtitle)</p>
								<a href="#(ctx)/news/detail/26.html">查看更多 ></a>
							</div>
						</div>
						<div
							class="layui-col-xs12 layui-col-sm12 layui-col-md8 bot-img-box">
							<div class="bot-img">
								<img src="#(ad.cover)">
							</div>
						</div>
					</div>
				</div>
					#end
				#end
			</div>
		</div>
			#end
		#end
	#end
		<div class="Partner">
			<div class="title">
				<h3>合作伙伴</h3>
				<h4>cooperative partner</h4>
			</div>
			<div class="cont-box">
				<div class="layui-fluid">
					<div class="row layui-col-space20">
					#linkList(categoryId=2)
						#for(link : linkList)
						<div class="layui-col-xs6 layui-col-sm6 layui-col-md2">
							<h2>#(link.title)</h2>
						</div>
						#end
					#end
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end-content -->
#end
### ********************************* Body内容区结束

### ********************************* 脚本区开始
#define script()
<script>
	layui.use([ 'carousel', 'jquery', 'element' ], function() {
		var carousel = layui.carousel, $ = layui.$;
		//建造实例
		carousel.render({
			elem : '#test1',
			width : '100%' //设置容器宽度
			,
			arrow : 'always',
			height : 'auto'
		//,anim: 'updown' //切换动画方式
		});
		$('.app-header-menuicon').on('click', function() {
			$('.header-down-nav').toggleClass('down-nav')
		})
		var imgH = $('.imgbox div.layui-this').outerHeight();
		$('.imgH').css('height', imgH + 'px')
		window.onresize = function() {
			var imgH = $('.imgbox div.layui-this').outerHeight();
			$('.imgH').css('height', imgH + 'px')
		};

	});
</script>
#end
### ********************************* JS脚本区结束